<%@page import="cn.sbgs.www.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
	<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>青少年书法-杂志列表</title>
    <link href="<%=request.getContextPath()%>/css/global.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath()%>/css/contect.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/kkpager.css" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/kkpager.min.js"></script>
    <script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/problem/lytebox.js"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/resources/problem/lytebox.css">
	<link href="<%=request.getContextPath()%>/bt/css/bootstrap.min.css" rel="stylesheet" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/bt/js/bootstrap.min.js"></script>
</head>

<body>
    <!--头部开始-->
    <div class="bannercon">
        <div class="banner">
			 <img src="<%=request.getContextPath()%>/image/logo.png">
        </div>
    </div>
    <!--正文开始-->
    <div class="maincon">
        <div class="main">
            <div class="navcon">
                 <ul>
                    <li>
                        <a href="/" >首页</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getActivitylist.do">活动</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getHdlist.do">互动</a>
                    </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getSchoolList.do">名校</a>
                    </li>
					 <li>
						 <a href="<%=request.getContextPath()%>/client/news/mentorship.do">师友</a>
					 </li>
                    <li>
                        <a href="<%=request.getContextPath()%>/client/news/getMagazineList.do" class="currentA">杂志</a>
                    </li>
                </ul>
            </div>
            <div class="section1">
                <h5><a href="/">首页</a>&gt;&gt;<a href="#">杂志列表</a></h5>
                <div class="contain">
                    <div class="address">
					<div class="right" id="rightObj">
							<h2 class="title">
								
								<b>作品展示</b>
							</h2>
                        <ul class="pic_list_01 clearfix">
				    <c:if test="${fn:length(magazineList.list)==0}">暂无数据</c:if>
				      <c:if test="${fn:length(magazineList.list)>0}">
						<c:forEach items="${magazineList.list}" var="work">
						<li class="pic_list_3">
							<div class="pic_list_li">
								
										<div class="img">
										<a href=' <%=request.getContextPath()%>/client/news/getMagazineDetail.do?id=${work.hddataid }' title='${work.title}'>
									
										</a>
										<c:if
															test="${fn:length(work.list)>0}">
															<c:forEach items="${work.list}" var="pic" varStatus="abcd">
																<div class="thumbnail">
																	<%--<a href="<%=Constant.Url1158 %>${pic.bigpic}" rel="lytebox[plants]${work.hddataid }" title="Press X to close"><img/>--%>
																		<a href="<%=request.getContextPath()%>/client/news/getMagazineDetail.do?id=${work.hddataid }" >
																</div>
																<c:if test="${abcd.index==0}">
																 	<img  src='<%=Constant.Url1158 %>${work.hddatasmallpic }' width='160' height='160' alt='${work.hddataauthor}' class='intro-info-img' />
																</c:if>
																</a>
															</c:forEach>
														</c:if>
															<%--<c:if test="${fn:length(dic.listPic)==0}">
															暂无图片
															</c:if>--%>
										</div>
									
								<div class="txt" ><a href='<%=request.getContextPath()%>/client/news/getMagazineDetail.do?id=${work.hddataid }' title='${work.title}'>${work.title}</a></div>
								
							</div>
						</li>
				  </c:forEach>
                      </c:if>
						 
				
			        </ul>
			
             </div>		  
			             <div id="kkpager"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--主体结束-->
    <!--footer-->
    <div class="footercon">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12" style="background-color: #002a80;height: 250px">
					<div class="section1">
						<div class="row" style="width: 1000px;margin: 0 auto;line-height: 40px;">
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: 20px;color: white;font-family:  '新宋体'">更多精彩内容</strong>
									</div>
								</div>
								<div class="row">
									<div class="col-md-6">
										<div id="downloadImg"><img src="<%=Constant.Url1158%>${footer0.col2}"></div>
									</div>
									<div class="col-md-6">
										<div class="row" style="position: absolute;top: 12px">
											<div class="col-md-12">
												<input type="button" style="filter: alpha(opacity=45); opacity:0.45; width: 140px;height: 40px">
												<strong style="position:absolute;left: 25px;top: 2px;font-size: 17px;font-weight:bolder;color: white;font-family:  '新宋体'">Android版下载</strong>
											</div>
										</div>
										<div class="row" style="position: absolute;top: 80px">
											<div class="col-md-12" >
												<input type="button" style="filter: alpha(opacity=45); opacity:0.45; width: 140px;height: 40px">
												<strong style="position:absolute;left: 25px;top: 2px;font-size: 17px;font-weight:bolder;color: white;font-family:  '新宋体'">iPhone版下载</strong>
											</div>

										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: medium;color: white">扫描二维码,下载手机客户端</strong>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<strong style="font-size: 20px;color: white;font-family:  '新宋体'">微信公众号 ： </strong><strong style="font-size: 20px;color:orange;font-family:  '新宋体'">青少年书法</strong>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div id="weixinImg"><img src="<%=Constant.Url1158%>${footer0.col3}"></div>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="row">
									<div class="col-md-12">
										<div id="tellus" style="position:absolute;top:20px;font-size: 15px;color:darkgray;line-height: 25px;font-family:  '新宋体'">
											${footer1.content}
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<strong style="position: absolute;top: 180px;font-size: 10px;color:#2d6987;font-family:  '新宋体'">青少年书法&nbsp;版权所有2013-2013&nbsp;ICP备8888888号</strong>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
    </div>
</body>
<script type="text/javascript">
function getParameter(name) { 
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
	var r = window.location.search.substr(1).match(reg); 
	if (r!=null) return unescape(r[2]); return null;
}

//init
$(function(){
	var totalPage =${PageBean.pagecount};
	var totalRecords = ${PageBean.recordscount};
	var pageNo = getParameter('p');
	if(!pageNo){
		pageNo = 1;
	}
	//初始化分页控件
	//有些参数是可选的，比如lang，若不传有默认值
	kkpager.init({
		pno : pageNo,
		//总页码
		total : totalPage,
		//总数据条数
		totalRecords : totalRecords,
		//链接前部
		hrefFormer : '<%=request.getContextPath()%>/client/news/getMagazineList.do',
		//链接尾部
		hrefLatter : '',
		getLink : function(n){
			return this.hrefFormer + this.hrefLatter + "?p="+n;
		},
		lang : {
			prePageText : '上一页',
			nextPageText : '下一页',
			totalPageBeforeText : '共',
			totalPageAfterText : '页',
			totalRecordsAfterText : '条数据',
			gopageBeforeText : '转到',
			gopageButtonOkText : '确定',
			gopageAfterText : '页',
			buttonTipBeforeText : '第',
			buttonTipAfterText : '页'
		}
	});
	//生成
	kkpager.generPageHtml();
});
</script>
</html>
